<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/pages/common/header.jsp"%>
<html>
	<head>
		<title>Barcode Report</title>
		<script src="${jsContext}/jquery/jquery.dataTables.js" type="text/javascript"></script>
		<script src="${jsContext}/jquery/TableTools.js" type="text/javascript"></script>
		<script src="${jsContext}/jquery/ZeroClipboard.js" type="text/javascript"></script>
	
		<script type="text/javascript">		
			jQuery(document).ready(function() {
				jQuery('#BarcodesInfo').dataTable( {
					"bPaginate"      : true,
			        "sPaginationType": "full_numbers",// PaginationType:1.full_numbers 2. two_buttons
			        "aoColumns": [
						{ "sWidth":"10%"},
						{ "sWidth":"10%"},
						{ "sWidth":"15%"},
						{ "sWidth":"8%" },
						{ "sWidth":"25%"},
						{ "sWidth":"10%","bSortable": false},
						{ "sWidth":"13%","bSortable": false},
						{"bSortable": false }
					],
					/* "aaSorting": [[ 0, "desc" ]] , */
				});
			 });
		</script>
	</head>
	<body class="mainbody">
		<c:set var="barcodeList" value="${requestScope.barcodeList}"/>
		<div class="mainContainer">
			<section class="bodyContainer">
				<div class="productReport">
        			<h2 class="titleTxtBig">Product Report</h2>
            		<p class="hrlineBr"></p>

        			<div class="productDtls">       
			            <p class="spacerTopTen"></p>
			            
         				<div class="divclear">
         					<table cellpadding="0" cellspacing="0" border="0" class="display reportTable" id="BarcodesInfo" style="width:961px">
								<thead>
									<tr>
										<th>Sr.No.</th>
										<th>Numaric</th>
										<th>Alphabetic</th>
										<th>Quantity</th>
										<th>Description</th>
										<th>Date</th>
										<th>Edit</th>
										<th>Delete</th>
									</tr>
								</thead>
								<tbody>
									<c:if test="${barcodeList ne null}">
										<c:forEach var="barcode" items="${barcodeList}" varStatus="counter">
											<tr>
											    <td><c:out value="${counter.count}"/></td>
												<td><c:out value="${barcode.prodName}"/></td>
												<td><c:out value="${barcode.prodCode}"/></td>
												<td><c:out value="${barcode.prodType}"/></td>
												<td><c:out value="${barcode.prodweight}"/></td>
												<td>Date</td>
												<td><a href="#"><img src="${imageContext}/edit.gif"></a></td>
												<td><a onclick="return confirmation();" href=""><img src="${imageContext}/delete.gif"></a></td>
											</tr>
										</c:forEach>
									</c:if>
								</tbody>
							</table>
         				</div>
	         			<p class="spacerTopTen"></p>
		            	<p class="hrlineBr"></p>
		            	<p class="spacerTopTen"></p>
     				</div>           	        
				</div>
 			</section>
		</div>
		<jsp:include page="/pages/common/footer.jsp" />
	</body>
</html>